<template>
<h1>计算器练习</h1>
  <input type="text" placeholder="请输入数字1:" v-model="a"/>
  <br>
  <input type="text" placeholder="请输入数字2:" v-model="b"/>
  <hr>
  <button v-on:click="calc('+')">加</button>
  <button v-on:click="calc('-')">减</button>
  <button v-on:click="calc('*')">乘</button>
  <button v-on:click="calc('/')">除</button>
  <h4>运算结果:{{result}}</h4>
</template>

<script setup>
import {ref} from "vue";

const a=ref('')
const b=ref('')
const result =ref('')

const calc=(o)=>{
  result.value=eval(a.value+o+b.value)
}
//eval 将字符串形式的算式转为js进行运算
</script>


<style scoped>

</style>